<template>
  <g class="brick" :transform="props.transform">
    <rect width="8" height="8" fill="#636363" />
    <rect x="0" y="0" width="4" height="3" fill="#6B0800" />
    <rect x="0" y="1" width="4" height="2" fill="#9C4A00" />
    <rect x="1" y="4" width="7" height="3" fill="#6B0800" />
    <rect x="2" y="5" width="6" height="2" fill="#9C4A00" />
    <rect x="5" y="0" width="3" height="3" fill="#6B0800" />
    <rect x="6" y="1" width="2" height="2" fill="#9C4A00" />
  </g>
</template>

<script setup>
  const props = defineProps(['transform'])
</script>

<style lang="scss" scoped>

</style>